<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="{:C('SITE_URL')}{:C('JS_URL')}jquery-1.8.3.min.js"></script>
<style> 
.demo{width:300px; margin:60px auto 10px auto} 
@media only screen and (min-width: 420px) { 
 .demo{width:500px; margin:60px auto 10px auto} 
} 
  
.demo p{height:62px; line-height:30px} 
.demo p label{width:100px; text-align:right} 
.input{width:140px; height:24px; line-height:14px; border:1px solid #d3d3d3} 
button, .button { 
 background-color: #f30;color: white;border: none;box-shadow: none; 
 font-size: 17px;font-weight: 500;font-weight: 600; 
 border-radius: 3px;padding: 15px 35px;margin: 26px 5px 0 0px;cursor: pointer; } 
button:hover, .button:hover {background-color: #f00; } 
#result{width:360px; margin:10px auto} 
#result p{line-height:30px} 
#result p span{margin:4px; color:#f30} 
</style> 
</head> 
  
<body> 
<div id="main"> 
 <div class="demo"> 
 <button>生成10个红包，总金额20元</button> 
 </div> 
 <div id="result"></div> 
 <div class="ad_76090"><script src="/js/ad_js/bd_76090.js" type="text/javascript"></script></div><br/> 
</div> 
<script> 
$(function(){ 
 $("button").click(function(){ 
 $.ajax({ 
  type: 'POST', 
  url: '__CONTROLLER__/redBags', 
  dataType: 'json', 
  beforeSend: function(){ 
  $("#result").html('正在分配红包'); 
  }, 
  success: function(json){ 
  if(json.msg==1){ 
   var str = ''; 
   var res = json.res; 
   $.each(res,function(index,array){  
   str += '<p>第<span>'+array['i']+'</span>个红包，金额<span>'+array['money']+'</span>元，余额<span>'+array['total']+'元</span></p>'; 
   }); 
   $("#result").html(str); 
  }else{ 
   $("#result").html('数据出错！'); 
  } 
  } 
 }); 
 }); 
}); 
</script>

</body>
</html>